Установка скрипта «Дополнительные поля для интернет-магазина»

Введение

Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

Скрипт добавит ещё 31 дополнительное поле для товара. Итого их станет 40.

— Поля будут отображаться в карточке товара.
— Поля будут работать со скриптом сравнения товаров.
— По этим полям не будет поиска, сортировки и фильтров. Поля не будут индексироваться.

    Требования к установке:
  • активированная услуга PHP.

Перед установкой, сделайте полный бэкап шаблонов на случай, если вы в какой-то момент решите вернуть прежний вид сайту или отдельным его элементам. Сделать это можно в Панели управления » Управление дизайном » Backup шаблонов.

Первый шаг: загрузка скриптов на FTP PHP


Этап 1. Установка пароля

Если у вас задан пароль к FTP PHP, сразу же переходите к следующему этапу.

Перейдите на главную страницу панели управления вашим сайтом, в правой верхней части нажмите на ссылку «PHP детали».
В открывшемся окне кликните на ссылку: «Пароль не установлен.
Мы попадем на страницу установки пароля на FTP PHP. Заполните поля, продолжайте следовать инструкциям системы.

Этап 2. Подключение к PHP FTP серверу

После установки пароля, скачайте FTP-клиент, рекомендуем бесплатный FTP клиент FileZilla. После установки программы, в верхней части вводим параметры подключения:

  • Сервер: s2000.ucoz.net
  • Логин (FTP login): введите свой логин, который указан в меню "PHP детали"
  • Пароль: пароль который вы ввели ранее в специальном разделе

После заполнения полей нажмите на кнопку «Быстрое соединение».


Этап 3. Загрузка скриптов на PHP FTP сервер

После успешного подключения вы увидите каталог под именем «scripts» в правой части окна программы. Обязательно переходим в этот каталог двойным кликом по нему.

Теперь загрузите в этот каталог папку из архива со скриптом «other_shop». Загрузить легко, просто перетащите эту папку в правый диалог (где отображаются каталоги и файлы хранящиеся на сервере).
Узнать статус передачи файлов вы можете в окне статуса, которое находится в нижней части программы, там отображаются файлы которые ожидают передачи и те, которые не удалось передать, в частности которые были успешно переданы.

Второй шаг: загрузка файлов на сайт


Перейдите в Панель управления » Файловый менеджер.
В правом верхнем углу кликните на кнопку "Создать папку", введите название папки js.
Кликните на галочку и ура, мы создали папку с нужным именем!:) Теперь абсолютно идентичным действиям создайте папку, но только с названием css.

Теперь зайдите в папку js и загрузите в эту папку файлы "other.js" и "others.js" из архива со скриптом (папка "скрипты").
Далее, перейдите в папку CSS и загрузите в неё все файлы, которые находятся в архиве со скриптом (папка "стили").

Третий шаг: установка кода

Перейдите в Панель управления » Управление дизайном » Интернет-магазин: Страница служебных форм и перед </body></html> вставьте код: 
<?if($PAGE_ID$=='edit')?>
 <script type="text/javascript">
    var others_good_id = $URI_ID$;
 </script>
 <script type="text/javascript" src="/js/other.js"></script>
 <script type="text/javascript">
    getothers(others_good_id);
 </script>
 <?endif?>
cохраните изменения.

Перейдите в Панель управления » Управление дизайном » Интернет-магазин: Страница товара и перед </body></html> вставьте код: 
 <script type="text/javascript">
     var others_good_id = $URI_ID$;
 </script>
 <script type="text/javascript" src="/js/others.js"></script>
 <script type="text/javascript">
     getothers(others_good_id);
 </script>
в том месте, где вы хотите видеть информацию из доп. полей вставьте код: 
 <ul class="others_shop">
    <li><span class="opt">Дополнительное поле  10:</span> <span class="val" id="others10"></span></li>
    <li><span class="opt">Дополнительное поле  11:</span> <span class="val" id="others11"></span></li>
    <li><span class="opt">Дополнительное поле  12:</span> <span class="val" id="others12"></span></li>
    <li><span class="opt">Дополнительное поле  13:</span> <span class="val" id="others13"></span></li>
    <li><span class="opt">Дополнительное поле  14:</span> <span class="val" id="others14"></span></li>
    <li><span class="opt">Дополнительное поле  15:</span> <span class="val" id="others15"></span></li>
    <li><span class="opt">Дополнительное поле  16:</span> <span class="val" id="others16"></span></li>
    <li><span class="opt">Дополнительное поле  17:</span> <span class="val" id="others17"></span></li>
    <li><span class="opt">Дополнительное поле  18:</span> <span class="val" id="others18"></span></li>
    <li><span class="opt">Дополнительное поле  19:</span> <span class="val" id="others19"></span></li>
    <li><span class="opt">Дополнительное поле  20:</span> <span class="val" id="others20"></span></li>
    <li><span class="opt">Дополнительное поле  21:</span> <span class="val" id="others21"></span></li>
    <li><span class="opt">Дополнительное поле  22:</span> <span class="val" id="others22"></span></li>
    <li><span class="opt">Дополнительное поле  23:</span> <span class="val" id="others23"></span></li>
    <li><span class="opt">Дополнительное поле  24:</span> <span class="val" id="others24"></span></li>
    <li><span class="opt">Дополнительное поле  25:</span> <span class="val" id="others25"></span></li>
    <li><span class="opt">Дополнительное поле  26:</span> <span class="val" id="others26"></span></li>
    <li><span class="opt">Дополнительное поле  27:</span> <span class="val" id="others27"></span></li>
    <li><span class="opt">Дополнительное поле  28:</span> <span class="val" id="others28"></span></li>
    <li><span class="opt">Дополнительное поле  29:</span> <span class="val" id="others29"></span></li>
    <li><span class="opt">Дополнительное поле  30:</span> <span class="val" id="others30"></span></li>
    <li><span class="opt">Дополнительное поле  31:</span> <span class="val" id="others31"></span></li>
    <li><span class="opt">Дополнительное поле  32:</span> <span class="val" id="others32"></span></li>
    <li><span class="opt">Дополнительное поле  33:</span> <span class="val" id="others33"></span></li>
    <li><span class="opt">Дополнительное поле  34:</span> <span class="val" id="others34"></span></li>
    <li><span class="opt">Дополнительное поле  35:</span> <span class="val" id="others35"></span></li>
    <li><span class="opt">Дополнительное поле  36:</span> <span class="val" id="others36"></span></li>
    <li><span class="opt">Дополнительное поле  37:</span> <span class="val" id="others37"></span></li>
    <li><span class="opt">Дополнительное поле  38:</span> <span class="val" id="others38"></span></li>
    <li><span class="opt">Дополнительное поле  39:</span> <span class="val" id="others39"></span></li>
    <li><span class="opt">Дополнительное поле  40:</span> <span class="val" id="others40"></span></li>
</ul>
Здесь же вы можете изменить отображаемые названия доп. полей

Пример: 
<ul class="others_shop">
     <h2>Камера</h2>
 <li><span class="opt">Тип камеры:</span> <span class="val" id="others10"></span></li>
     <h2>Объектив</h2>
 <li><span class="opt">Поддержка сменных объективов:</span> <span class="val" id="others11"></span></li>
 <li><span class="opt">Объектив в комплекте:</span> <span class="val" id="others12"></span></li>
     <h2>Матрица</h2>
 <li><span class="opt">Общее число пикселов:</span> <span class="val" id="others13"></span></li>
 <li><span class="opt">Число эффективных пикселов:</span> <span class="val" id="others14"></span></li>
 <li><span class="opt">Размер:</span> <span class="val" id="others15"></span></li>
 <li><span class="opt">Кроп-фактор:</span> <span class="val" id="others16"></span></li>
 <li><span class="opt">Максимальное разрешение:</span> <span class="val" id="others17"></span></li>
 <li><span class="opt">Тип матрицы:</span> <span class="val" id="others18"></span></li>
 <li><span class="opt">Глубина цвета:</span> <span class="val" id="others19"></span></li>
 <li><span class="opt">Чувствительность:</span> <span class="val" id="others20"></span></li>
 <li><span class="opt">Расширенные значения ISO:</span> <span class="val" id="others21"></span></li>
 <li><span class="opt">Функция очистки матрицы:</span> <span class="val" id="others22"></span></li>
     <h2>Функциональные возможности</h2>
 <li><span class="opt">Баланс белого:</span> <span class="val" id="others23"></span></li>
 <li><span class="opt">Вспышка:</span> <span class="val" id="others24"></span></li>
 <li><span class="opt">Стабилизатор изображения (фотосъемка):</span> <span class="val" id="others25"></span></li>
	 <h2>Режимы съемки</h2>
 <li><span class="opt">Скорость съемки:</span> <span class="val" id="others26"></span></li>
 <li><span class="opt">Таймер:</span> <span class="val" id="others27"></span></li>
 <li><span class="opt">Время работы таймера:</span> <span class="val" id="others28"></span></li>
 <li><span class="opt">Время работы таймера</span> <span class="val" id="others29"></span></li>
 <li><span class="opt">Режим Time-lapse:</span> <span class="val" id="others30"></span></li>
 <li><span class="opt">Формат кадра (фотосъемка):</span> <span class="val" id="others31"></span></li>
     <h2>Видоискатель и ЖК-экран</h2>
 <li><span class="opt">Видоискатель:</span> <span class="val" id="others32"></span></li>
 <li><span class="opt">Использование экрана в качестве видоискателя:</span> <span class="val" id="others33"></span></li>
 <li><span class="opt">Поле зрения видоискателя:</span> <span class="val" id="others34"></span></li>
 <li><span class="opt">ЖК-экран:</span> <span class="val" id="others35"></span></li>
 <li><span class="opt">Тип ЖК-экрана:</span> <span class="val" id="others36"></span></li>
     <h2>Экспозиция</h2>
 <li><span class="opt">Выдержка:</span> <span class="val" id="others37"></span></li>
 <li><span class="opt">Выдержка X-Sync:</span> <span class="val" id="others38"></span></li>
 <li><span class="opt">Ручная настройка выдержки и диафрагмы:</span> <span class="val" id="others39"></span></li>
 <li><span class="opt">Автоматическая обработка экспозиции:</span> <span class="val" id="others40"></span></li>
</ul>
сохраните изменения.

Четвертый шаг: установка стилей

Перейдите в Панель управления » Управление дизайном » Интернет-магазин: Таблица стилей (CSS) и в самом начале разместите код: 
@import url(/css/other.css);

Пятый шаг: настройка и использование


Настройка

Перейдите в браузере по адресу: http://вашсайт.ru/php/other_shop/setup_other_shop.php?create_table
Создастся база данных и таблица в ней. Вы увидите соответствующее сообщение.

Далее перейдите в Панель управления » Главная » Интернет-магазин » Настройки модуля
Установите опции "Активировать следующее количество дополнительных полей у товаров:" значение 9. Сохраните изменения.

Теперь на странице редактирования появится ещё 31 дополнительное поле.

Использование

Если вы не хотите использовать все поля в одном блоке, можно распределить их по странице. Для этого в шаблоне Панель управления » Управление дизайном » Интернет-магазин: Страница товара добавьте в нужных местах следующие коды: 
<span><span class="opt">Нужное вам название дополнительного поля 10</span>:</span><span id="others10"></span></span>
где "Нужное вам название дополнительного поля 10" — название поля.
10 — его id.

Заметьте, что при этом вы должны удалить соответствующие строки вставленные на 3 шаге.
Настроить вид отображения дополнительных полей "Списком" или "Таблицей" можно в файле other.css раскомментировав соответствующие строки.

Обратите внимание, что при установленном виде "Таблицей", пустые поля всё равно будут отображаться.

Как настроить работу доп. полей со скриптом сравнения товаров от uScript, читайте в описании скрипта сравнения товаров.

Установка завершена. Если у вас возникли вопросы, которые не затрагивались в документации, спрашивайте в комментариях к товару.